<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE>
<html>
<head>
<title>拓扑关系</title>
<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="js/go.js"></script>
<script src="js/topobrowser.js" type="text/javascript"></script>

<link href="css/flowmenu.css" rel="stylesheet" type="text/css"
	media="screen" />

</head>
<body>
	<div style="padding: 20px;">

		<div class="row-fluid">
			<div class="span3">
				<div class="portlet box green">
					<div class="portlet-title">
						<div class="caption">
							<i class="icon-cogs"></i>拓扑列表
						</div>
					</div>
					<div class="portlet-body">
						<table class="table table-hover">
							<tbody id="nodetable">
								<c:forEach items="${list}" var="node">
									<tr id="${node}" onclick="clicktable(this)">
										<th>${node}</th>
									</tr>
								</c:forEach>
							</tbody>
						</table>
					</div>
				</div>


			</div>

			<div class="span9">
				<div id="myDiagramDiv"
					style="border: solid 1px black; width: 100%; height: 700px"></div>
			</div>
		</div>
	</div>

	<div id="contextMenu">
		<ul>
			<li id="edit" onclick="cxcommand(event)"><a href="#"
				target="_self">修改</a></li>			
		</ul>
	</div>

	<textarea id="mySavedModel" style="width: 100%; height: 300px"
		class="hide">
			{ "class": "go.GraphLinksModel",
			  "linkFromPortIdProperty": "fromPort",
			  "linkToPortIdProperty": "toPort",
			  "nodeDataArray": [
			 ],
			  "linkDataArray": [			
			 ]}
  	</textarea>

</body>
</html>